<ul class="breadcrumb">
	<li><span class="primary-font"><i class="fa fa-home"></i></span><a href="javascript:;" class="itemHasChild" refTpl="html/pcsuccess/main.tpl" refJs="js/pcsuccess/main.js" ty="1"> 主页</a></li>
	<li>系统设置</li>	 
	<li>菜单管理</li>	 
</ul>
<div class="smart-widget">
	<div class="smart-widget-header">
		<button id="addMenu" class="btn btn-success marginTB-xs">新增菜单</button>
		<span class="smart-widget-option">
            <a href="#" class="widget-refresh-option" id="refreshDiv">
                <i class="fa fa-refresh"></i>
            </a>
        </span>
	</div>
	<div class="smart-widget-inner">
		<div class="smart-widget-hidden-section">
			<ul class="widget-color-list clearfix">
				<li style="background-color:#20232b;" data-color="widget-dark"></li>
				<li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
				<li style="background-color:#23b7e5;" data-color="widget-blue"></li>
				<li style="background-color:#2baab1;" data-color="widget-green"></li>
				<li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
				<li style="background-color:#fbc852;" data-color="widget-orange"></li>
				<li style="background-color:#e36159;" data-color="widget-red"></li>
				<li style="background-color:#7266ba;" data-color="widget-purple"></li>
				<li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
				<li style="background-color:#fff;" data-color="reset"></li>
			</ul>
		</div>
		<div class="smart-widget-body">
			<table class="table table-striped" id="messageTable">
	      		
		    </table>
		</div>
	</div>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" id="addMenuModal" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">新增菜单</h4>
            </div>
            <div class="modal-body">
                <form id="addMenuForm" class="form-horizontal form-bordered" role="form">
                    <div class="form-group">
                        <label for="addMenuName" class="col-sm-2 control-label no-padding-right">菜单名称:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="addMenuName" name="addMenuName" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="addMenuIcon" class="col-sm-2 control-label no-padding-right">菜单图标:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="addMenuIcon" name="addMenuIcon" maxLength="50">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="addMenuStyle" class="col-sm-2 control-label no-padding-right">菜单样式:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="addMenuStyle" name="addMenuStyle" maxLength="50">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="addMenuTpl" class="col-sm-2 control-label no-padding-right">菜单TPL:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="addMenuTpl" name="addMenuTpl" maxLength="100">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="addMenuJs" class="col-sm-2 control-label no-padding-right">菜单JS:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="addMenuJs" name="addMenuJs" maxLength="100">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="addMenuSort" class="col-sm-2 control-label no-padding-right">菜单序号:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="addMenuSort" name="addMenuSort" maxLength="3">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="addMenuType" class="col-sm-2 control-label no-padding-right">类型:</label>
                        <div class="col-sm-10">
                        	<select class="form-control" id="addMenuType" name="addMenuType">
                        		<option value="1">一级菜单</option>
                        		<option value="2">二级菜单</option>
                        	</select>
                        </div>
                    </div>
                    <div class="form-group hide" id="addParentIdDiv">
                        <label for="addParentId" class="col-sm-2 control-label no-padding-right">一级菜单:</label>
                        <div class="col-sm-10">
                            <select class="form-control" id="addParentId" name="addParentId">
                        		
                        	</select>
                        </div>
                    </div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-palegreen">保存</button>
						</div>
					</div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" id="updateMenuModal" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">修改菜单</h4>
            </div>
            <div class="modal-body">
                <form id="updateMenuForm" class="form-horizontal form-bordered" role="form">
                    <div class="form-group">
                        <label for="updateMenuName" class="col-sm-2 control-label no-padding-right">菜单名称:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updateMenuName" name="updateMenuName" maxLength="15">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updateMenuIcon" class="col-sm-2 control-label no-padding-right">菜单图标:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updateMenuIcon" name="updateMenuIcon" maxLength="50">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updateMenuStyle" class="col-sm-2 control-label no-padding-right">菜单样式:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updateMenuStyle" name="updateMenuStyle" maxLength="50">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updateMenuTpl" class="col-sm-2 control-label no-padding-right">菜单TPL:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updateMenuTpl" name="updateMenuTpl" maxLength="100">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updateMenuJs" class="col-sm-2 control-label no-padding-right">菜单JS:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updateMenuJs" name="updateMenuJs" maxLength="100">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updateMenuSort" class="col-sm-2 control-label no-padding-right">菜单序号:</label>
                        <div class="col-sm-10">
                            <input type="input" class="form-control" id="updateMenuSort" name="updateMenuSort" maxLength="3">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="updateMenuType" class="col-sm-2 control-label no-padding-right">类型:</label>
                        <div class="col-sm-10">
                        	<select class="form-control" id="updateMenuType" name="updateMenuType">
                        		<option value="1">一级菜单</option>
                        		<option value="2">二级菜单</option>
                        	</select>
                        </div>
                    </div>
                    <div class="form-group hide" id="updateParentIdDiv">
                        <label for="updateParentId" class="col-sm-2 control-label no-padding-right">一级菜单:</label>
                        <div class="col-sm-10">
                            <select class="form-control" id="updateParentId" name="updateParentId">
                        		
                        	</select>
                        </div>
                    </div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-palegreen">保存</button>
						</div>
					</div>
                </form>
            </div>
        </div>
    </div>
</div>

<script id="selectOneMenu" type="text/x-handlebars-template">
	{{#each rows}}
		<option value="{{id}}">{{menuName}}</option>
	{{/each}}
</script>

